<template>
  <div class="app">
    <h2>{{name}}</h2>
    <Person a='1+1' :uname1="obj.uname" :money="obj.money" :age="obj.age"/>
  </div>
</template>

<script>
import Person from './components/Person.vue'
export default {
  name:'App',
  data(){
    return{
      name :'我是一个App组件',
      obj:{
        uname:'靖安乾',
        money:200,
        age:{
          real:23,
          foreign:18
        }
      }
    }
  },
  components:{Person}
}
</script>

<style>
.app{
  background: #333;
  padding: 10px;
}
</style>